<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui"
	xmlns:ui="http://java.sun.com/jsf/facelets">


<h:head>
<link href="../resources/css/user.css" rel="stylesheet" type="text/css" />
</h:head>

<h:body>
<div class="contenitore">
 		<div class="riga">
  			<ui:include src="../webApp/headerUtente.xhtml" />
 		</div>
 		
 		<div class="riga">
  			<div class="colonna-2-1">
  				<div id="standard">
  					<ui:include src="../webApp/ricercaPacchetti.xhtml" />
   				</div>
   			  <div id="standard1">
   			      <ui:include src="../webApp/ricercaCodiceAmico.xhtml" />
   			  </div>
  			</div>
  			<div class="colonna-2-2">
  				
  				<div id="packagedescription">
  			    <h:form>
  				<h:panelGrid columns="1" cellpadding="5">	
    				<!-- <h:outputText id="id" value="ID Pacchetto: #{infoPacchettoBean.packagebyid.id}" />-->
    					
					<h:outputText value="Nome Pacchetto: #{infoPacchettoBean.packagebyid.nome}" />
					<h:outputText value="Città: #{infoPacchettoBean.packagebyid.citta} " />
					<h:outputText value="Descrizione: #{infoPacchettoBean.packagebyid.descrizione}" />
					<h:outputText value="Prezzo Pacchetto : #{infoPacchettoBean.packagebyid.prezzo}" />
				</h:panelGrid> 
				</h:form>
				
				
		<h:form>
  			<p:panel header="Personalizza il tuo pacchetto!!!">
		     	 <h:panelGrid columns="2" id="regGrid">
		     			
		     			    <h:outputText value="Lista Hotel"/>
		     				<p:selectOneMenu value="#{personalizzazionepacchetto.selectedHotel}" >	
		     					<f:selectItems value="#{infoPacchettoBean.packagebyid.hotel}" var="h" itemLabel="#{h.name}" itemValue="#{h.id}"/> 
		     			   	</p:selectOneMenu>
        					<h:outputText value="Lista Voli d' Andata"/>
        					<p:selectOneMenu value="#{personalizzazionepacchetto.selectedVoloAndata}" >  
				            	<f:selectItems value="#{infoPacchettoBean.packagebyid.voliandata}" var="va" itemLabel="#{va.nome} - #{va.dataPartenza}" itemValue="#{va.id}"/>  
       						</p:selectOneMenu>
       						<h:outputText value="Lista Voli di Ritorno"/>
     						<p:selectOneMenu value="#{personalizzazionepacchetto.selectedVoloRitorno}" >  
     						    <f:selectItems value="#{infoPacchettoBean.packagebyid.voliritorno}" var="vr" itemLabel="#{vr.nome} - #{vr.dataPartenza}"  itemValue="#{vr.id}"/>  
      					    </p:selectOneMenu>
      					    <h:outputText value="Lista Escursioni"/>
      					   <p:selectManyMenu value="#{personalizzazionepacchetto.selectedEscursioni}" style="width:250px;height:150px;" >  
         					 <f:selectItems value="#{infoPacchettoBean.packagebyid.escursioni}" var="ex" itemLabel="Nome:#{ex.name} - Costo:#{ex.price}€" itemValue="#{ex.id}"/> 
         					</p:selectManyMenu> 
         				   <h:outputText value="N° Persone"/>
         				   <p:inputText value="#{personalizzazionepacchetto.npersone}"/>
         					<p:commandButton value="Personalizza" action="#{personalizzazionepacchetto.crea(infoPacchettoBean.packagebyid.id)}"/>
         				 
         			</h:panelGrid>
     		     </p:panel>
     		      </h:form>
     		   </div>
     		  	
  				
  			</div>
  			<!-- //////////////////////////  Tabella per visualizzazione dei pacchetti personali ///////////////////    -->
  		
  			<div class="colonna-2-3">
                <ui:include src="../webApp/pacchettiComprati.xhtml" />
  			</div>
 		</div>
	</div>



</h:body>
</html>

